<template>
	<div class="strict-standard" :title="page_title">
		<div class="width-visual">
			<h2 class="common_title" @click="edit('title_1')">严格的外教筛选标准<i></i></h2>
			<p class="strict-desc" @click="edit('description')">筛选通过率不高于5%，所有老师必须兼备：来自北美，本科及以上学历、<br>1年及以上教学或教育辅导经验</p>
			<div class="employment-procedure">
				<ul class="employment-before clearfix">
					<li>
						<div class="employment-content"><img src="../assets/YUEDUN_files/shaixuanjianli_1636c0d4.png" alt="筛选简历"></div>
						<p class="desc">筛选简历</p>
					</li>
					<li class="arrow">
						<div class="employment-arrow"><img src="">
						</div>
					</li>
					<li class="employment-top">
						<div class="employment-content"><img src="../assets/YUEDUN_files/jichumianshi_c09c6510.png" alt="基础面试"></div>
						<p class="desc">基础面试</p>
					</li>
					<li class="arrow">
						<div class="employment-arrow"><img src="">
						</div>
					</li>
					<li>
						<div class="employment-content"><img src="" alt="课程准备"></div>
						<p class="desc">课程准备</p>
					</li>
					<li class="arrow">
						<div class="employment-arrow"><img src="">
						</div>
					</li>
					<li class="employment-top">
						<div class="employment-content"><img src="../assets/YUEDUN_files/monike-one_489dad47.png" alt="模拟课1面试"></div>
						<p class="desc">模拟课1面试</p>
					</li>
					<li class="arrow">
						<div class="employment-arrow"><img src="">
						</div>
					</li>
					<li>
						<div class="employment-content"><img src="../assets/YUEDUN_files/monike-two_be7692bc.png" alt="模拟课2面试"></div>
						<p class="desc">模拟课2面试</p>
					</li>
					<li class="arrow">
						<div class="employment-arrow"><img src="">
						</div>
					</li>
					<li class="employment-top">
						<div class="employment-content"><img src="../assets/YUEDUN_files/beijingdiaocha_adf7aa8a.png" alt="背景调查"></div>
						<p class="desc">背景调查</p>
					</li>
					<li class="arrow">
						<div class="employment-arrow"><img src="">
						</div>
					</li>
					<li>
						<div class="employment-content"><img src="" alt="信息审核"></div>
						<p class="desc">信息审核</p>
					</li>
				</ul>
			</div>
		</div>
		<el-dialog title="编辑文本" :visible.sync="dialogVisible" width="20%" custom-class="mydialog">
			<el-input type="textarea" v-model="rawhtml" size="small" width="150px;"></el-input>
			<span slot="footer" class="dialog-footer">
				<el-button @click="dialogVisible = false">取 消</el-button>
				<el-button type="primary" @click="editOK">确 定</el-button>
			</span>
		</el-dialog>
	</div>
</template>

<script>
	import { Mixins } from "@/common/mixins";
	export default {
		mixins: [Mixins],
		props: ["pcomponent"],
		data() {
			return {
				component: this.pcomponent,
				dialogVisible: false,
				rawhtml: "",
				currentProp: "",
				page_title: this.$vnode.key,
			};
		},
		created() {
			console.log(this.$vnode.key + "子组件接收父组件值：", this.component);
		},
		methods: {},
	};
</script>
<style lang="less">
.mydialog {
	opacity: 70%;
}
</style>